<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<jsp:include page="../common/header.jsp"></jsp:include>
  <header class="navbar navbar-static-top" id="top" role="banner">
  <div class="container">
    <div class="navbar-header" style="text-align: center;">
      <a href="/" class="navbar-brand">小木学堂直播分享课第一季第002期案例实现 autoload select高级版与loading组件</a>
    </div>
     
  </div>
</header>
<div id="main" class="container"  style="font-size:18px;">
  <div class="row">
  <div class="col-lg-5 ">
  <div class="form-group">
  <div class="input-group">
  <span class="input-group-addon">省</span>
  <select id="pro" class="form-control autoloadSelect" data-linkage="city" data-url="area/pro" data-text="=请选择=" data-value=""></select>
  </div>
  </div>
  <div class="form-group">
  <div class="input-group">
  <span class="input-group-addon">市</span>
  <select id="city" class="form-control" data-linkage="xian" data-url="area/son" data-text="=请选择=" data-value=""></select>
  </div>
  </div>
  <div class="form-group">
  <div class="input-group">
  <span class="input-group-addon">县</span>
  <select id="xian" class="form-control" data-linkage="xiang" data-url="area/son" data-text="=请选择=" data-value=""></select>
  </div>
  </div>
  <div class="form-group">
  <div class="input-group">
  <span class="input-group-addon">乡</span>
  <select id="xiang" class="form-control" data-linkage="cun" data-url="area/son" data-text="=请选择=" data-value=""></select>
  </div>
  </div>
  <div class="form-group">
  <div class="input-group">
  <span class="input-group-addon">村</span>
  <select id="cun" class="form-control" data-url="area/son" data-text="=请选择=" data-value=""></select>
  </div>
  </div>
 
  </div>
  <div class="col-lg-4">
  <h3>loading组件</h3>
  
  <div class="btn-group">
  <button id="loadingBtn" class="btn btn-primary">loading弹出层</button>
  <button id="successBtn" class="btn btn-primary">success弹出层</button>
  <button id="errorBtn" class="btn btn-primary">error弹出层</button>
  </div>
  </div>
  </div>  
</div>

<script type="text/javascript">
$("#loadingBtn").click(function(){
	MsgBox.loading();
})
$("#successBtn").click(function(){
	MsgBox.success();
})
$("#errorBtn").click(function(){
	MsgBox.error();
})
</script>


<jsp:include page="../common/footer.jsp"></jsp:include>
